﻿@model ArticleResultInfo
@{
    Layout = null;
    string prefixPath = "";
}
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no">
    <title>近期活动</title>
    <!-- 基础css begin -->
    <link href="@prefixPath/Content/geely/css/base/reset.css" rel="stylesheet" />
    <link href="@prefixPath/Content/geely/css/base/base.css" rel="stylesheet" />
    <!-- 基础css end -->
    <!-- 组件依赖css begin -->
    <link href="@prefixPath/Content/geely/css/widget/button/button.default.css" rel="stylesheet" />
    <link href="@prefixPath/Content/geely/css/widget/button/button.css" rel="stylesheet" />
    <link href="@prefixPath/Content/geely/css/widget/modal/modal.css" rel="stylesheet" />
    <!-- 组件依赖css end -->
    <!-- 公用css begin -->
    <link href="@prefixPath/Content/geely/css/custom.css" rel="stylesheet" />
    <link href="@prefixPath/Content/geely/css/style.css" rel="stylesheet" />
    <link href="@prefixPath/Content/geely/css/theme.css" rel="stylesheet" />
    <!-- 公用css end -->
    <style type="text/css">
        body {
            font-family: "Microsoft YaHei";
        }

        .activity-block {
            border: 1px solid #cccccc;
            border-radius: 5px;
            padding: 20px 10px;
            background-color: rgba(138, 132, 132, 0.25) !important;
        }

        .padding-top-0 {
            padding-top: 0px !important;
        }

        .activity-header {
            border-bottom: 1px solid #cccccc;
            padding-bottom: 1rem;
        }

        .activity-image {
            background: no-repeat center / cover transparent;
            background-size: cover;
        }

            .activity-image img {
                max-width: 100%;
            }

        .text-align-justify {
            text-align: justify;
        }

        .max-width-full img {
            max-width: 100%;
        }
    </style>
</head>
<body id="myexams">
    @Html.Partial("Background")
    <div id="wrapper">
        @Html.Partial("Header")
        <div id="content" class="padding-top-0 margin-top-20">
            <section class="activity-block">
                <div class="activity-header">
                    <h1 class="line-height-30 text-align-center">@Model.ArticleInfo.ArticleTitle</h1>
                    @*<h1 class="line-height-30 text-align-center">少年体育梦想计划起航啦！</h1>*@
                </div>
                <div class="header-bottom-line"></div>
                <div class="max-width-full">
                    @if (Model.ArticleInfo.MidPic.IsNoNull())
                    {
                        <div class="activity-image margin-top-20">
                            <img src="@Model.ArticleInfo.MidPic" alt="" />
                        </div>
                    }
                    <div class="text-align-right padding-bottom-10 padding-top-5">
                        <span>@Model.ArticleInfo.CreateDate.ToString("yyyy-MM-dd")</span>
                    </div>
                    <article class="line-height-20 text-align-justify">
                        @Html.Raw(Model.ArticleContent)
                    </article>
                </div>
            </section>



        </div>
    </div>
    <!-- 组件依赖js begin -->
    <script src="@prefixPath/Content/geely/js/dist/zepto.min.js"></script>
    <script src="@prefixPath/Content/geely/js/extend/fastclick.js"></script>
    <script src="@prefixPath/Content/geely/js/extend/compatibleIE9.js"></script>
    <script src="@prefixPath/Content/geely/js/extend/selector.js"></script>
    <script src="@prefixPath/Content/geely/js/widget/modal/modal.js"></script>
    <!-- 组件依赖js end -->
    <!-- 公用js begin -->
    <script src="@prefixPath/Content/geely/js/script.js"></script>
    <!-- 公用js begin -->
</body>
</html>